<!-- 文件名：GradeView.vue -->
<!-- 作者：系统自动生成 -->
<!-- 创建日期：2025-04-26 -->
<!-- 描述：成绩管理页面视图组件 -->
<template>
  <div class="grade-container">
    <el-card>
      <template #header>
        <div class="card-header">
          <span>成绩管理</span>
        </div>
      </template>
      <!-- 成绩表格展示区 -->
      <el-table :data="gradeList" style="width: 100%">
        <el-table-column prop="studentName" label="学生姓名" width="120" />
        <el-table-column prop="courseName" label="课程名称" width="150" />
        <el-table-column prop="score" label="分数" width="100" />
        <el-table-column prop="gradeTime" label="录入时间" width="180" />
      </el-table>
    </el-card>
  </div>
</template>

<script>
export default {
  name: 'GradeView',
  data() {
    return {
      gradeList: [] // 成绩列表数据
    }
  },
  mounted() {
    // 初始化获取成绩数据
    this.fetchGrades()
  },
  methods: {
    fetchGrades() {
      // 调用API获取成绩数据
      // 实际项目中这里应该是API请求
      this.gradeList = [
        {
          studentName: '张三',
          courseName: '数学',
          score: 90,
          gradeTime: '2025-04-01'
        },
        // 更多示例数据...
      ]
    }
  }
}
</script>

<style scoped>
.grade-container {
  padding: 20px;
}
</style>